$(function () {
  const form = layui.form
  const layer = layui.layer
  // 1.点击“去注册”显示注册盒子
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })
  // 2.点击“去登录”显示登录盒子
  $('#link_login').on('click', function () {
    $('.reg-box').hide()
    $('.login-box').show()
  })

  // 3.输入框验证规则
  form.verify({
    // 密码校验
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],

    repwd: function (value) {
      if(value !== $('#pwd').val()) return '两次密码输入不一致'
    }
  })

  // 4.注册-表单提交 发起ajax请求
  $('#formReg').on('submit', function (e) {
    e.preventDefault()

    const username = $('#username').val()
    const pwd = $('#pwd').val()

    // 发起请求
    $.ajax({
      type: 'POST',
      url: '/api/reguser',
      data: {
        username,
        password:pwd
      },
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        layer.msg(res.message)
        setTimeout(function () {
          $('#link_login').click()
        },500)
      }
    })
  })

  // 5.登录-表单提交
  $('#formLogin').on('submit', function (e) {
    e.preventDefault()

    // 获取表单的数据
    const data = $(this).serialize()

    $.ajax({
      type: 'POST',
      url: '/api/login',
      data,
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        localStorage.setItem('token', res.token)
        location.href = '/index.html'
      }
    })
  })
})